<?php $this->pageTitle = SITE_NAME.' - inbox'?>
<link href="<?php FRONT_SITE_URL ?>www/css/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />

<div class="container content">
    <div class="trong-content">
        <div class='left'>
            <?php $this->widget('application.widgets.leftprofile.PercentComplete');?>            
            <?php $this->widget('application.widgets.leftprofile.interested');?>
            <?php $this->widget('application.widgets.leftprofile.community');?>
        </div>
        <div class="center">

            <div class="title">Inbox</div>
             <div id="TabbedPanels1" class="TabbedPanels tab-inbox">
               <ul class="TabbedPanelsTabGroup">
                 <li class="TabbedPanelsTab" tabindex="0">Members Flirted</li>
                 <li class="TabbedPanelsTab" tabindex="0">Members Fave’d</li>
                 <li class="TabbedPanelsTab" tabindex="0">Chat Online</li>
               </ul>
               <div class="TabbedPanelsContentGroup">
                 <div class="TabbedPanelsContent">
                 <div class="new-mem">
                <ul>
                <li>
                <div class="img-mem">
                <img src="<?php FRONT_SITE_URL ?>www/images/img_28.jpg">
                <div class="online">Online</div>
                </div>
                <div class="text-mem">
                Bienvenue Mohou<br>
                Age: 21
                </div>
                </li>
                <li>
                <div class="img-mem">
                <img src="<?php FRONT_SITE_URL ?>www/images/img_28.jpg">
                <div class="online">Online</div>
                </div>
                <div class="text-mem">
                Bienvenue Mohou<br>
                Age: 21
                </div>
                </li>
                <li>
                <div class="img-mem">
                <img src="<?php FRONT_SITE_URL ?>www/images/img_28.jpg">
                <div class="online">Online</div>
                </div>
                <div class="text-mem">
                Bienvenue Mohou<br>
                Age: 21
                </div>
                </li>
                <li>
                <div class="img-mem">
                <img src="<?php FRONT_SITE_URL ?>www/images/img_28.jpg">
                <div class="online">Online</div>
                </div>
                <div class="text-mem">
                Bienvenue Mohou<br>
                Age: 21
                </div>
                </li>
                <li>
                <div class="img-mem">
                <img src="<?php FRONT_SITE_URL ?>www/images/img_28.jpg">
                <div class="online">Online</div>
                </div>
                <div class="text-mem">
                Bienvenue Mohou<br>
                Age: 21
                </div>
                </li>
                <li style="margin-right:0px;">
                <div class="img-mem">
                <img src="<?php FRONT_SITE_URL ?>www/images/img_28.jpg">
                <div class="online">Online</div>
                </div>
                <div class="text-mem">
                Bienvenue Mohou<br>
                Age: 21
                </div>
                </li>
                </ul>
                    </div>

                 </div>
                 <div class="TabbedPanelsContent">

                 <div class="new-mem">
                <ul>
                <li>
                <div class="img-mem">
                <img src="<?php FRONT_SITE_URL ?>www/images/18983168t.jpg">
                <div class="online">Online</div>
                </div>
                <div class="text-mem">
                Bienvenue Mohou<br>
                Age: 21
                </div>
                </li>
                    <li>
                <div class="img-mem">
                <img src="<?php FRONT_SITE_URL ?>www/images/18983168t.jpg">
                <div class="online">Online</div>
                </div>
                <div class="text-mem">
                Bienvenue Mohou<br>
                Age: 21
                </div>
                </li>
                    <li>
                <div class="img-mem">
                <img src="<?php FRONT_SITE_URL ?>www/images/18983168t.jpg">
                <div class="online">Online</div>
                </div>
                <div class="text-mem">
                Bienvenue Mohou<br>
                Age: 21
                </div>
                </li>
                <li>
                <div class="img-mem">
                <img src="<?php FRONT_SITE_URL ?>www/images/18983168t.jpg">
                <div class="online">Online</div>
                </div>
                <div class="text-mem">
                Bienvenue Mohou<br>
                Age: 21
                </div>
                </li>
                </ul>
                    </div>
                 </div>
               </div>
             </div>
             <div class="bottom-box1"></div>
            </div><!--center-->
        
    </div><!--trong-content-->


</div><!--content-->

<script src="<?php FRONT_SITE_URL ?>www/js/SpryTabbedPanels.js" type="text/javascript"></script>
<script>
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>